<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition 
    xmlns="http://www.w3.org/1999/xhtml"
    xmlns:ui="http://java.sun.com/jsf/facelets"
    template="./../template/common.xhtml"
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:f="http://java.sun.com/jsf/core"

    xmlns:p="http://primefaces.org/ui">

    <ui:define name="title">
        Exam-Create
    </ui:define>
    <ui:define name="head">


        <script type="text/javascript">
            $(function() {
                $(".dpStart").datepicker({
                    dateFormat: 'dd-mm-yy',
                    changeMonth: true,
                    changeYear: true
                });
                $(".dpEnd").datepicker({
                    dateFormat: 'dd-mm-yy',
                    changeMonth: true,
                    changeYear: true
                });
            });

        </script>
        <script>
            $(function() {
                $(document).tooltip();
            });
        </script>
        <style>
            label {
                display: inline-block;
                width: 100px;
            }
        </style>
          <link rel="stylesheet" href="../../res/css/admin-style.css"/>
    </ui:define>
    <ui:define name="pageheader">
        Exam create
    </ui:define>

    <ui:define name="content">
        <h:form id="f11">
            <table id="content-table" width="100%" cellspacing="0" cellpadding="0" border="0">
                <tr>
                    <td id="tbl-border-left"></td>
                    <td>
                        <div id="content-table-inner">
                            <table border="0" width="100%" cellpadding="0" cellspacing="0">
                                <tr valign="top">
                                    <td>
                                        <!--  start step-holder -->
                                        <div id="step-holder">
                                            <div class="step-no">1</div>
                                            <div class="step-dark-left"><a href="">Add event details</a></div>
                                            <div class="step-dark-right">&nbsp;</div>

                                            <div class="step-no-off">2</div>
                                            <div class="step-light-left">Confirm</div>
                                            <div class="step-light-round">&nbsp;</div>
                                            <div class="clear"></div>
                                        </div>
                                        <!--  end step-holder -->

                                        <!-- start id-form -->
                                        <h:form >
                                            <table border="0" cellpadding="0" cellspacing="0"  id="id-form">
                                                <tr>
                                                    <th valign="top">Course:</th>
                                                    <td>
                                                        <h:selectOneMenu   value="#{examManager.courseID}"  styleClass="inp-form">
                                                            <f:selectItems value="#{courseManager.allCourse}" var="c" itemLabel="#{c.centers.name} #{c.name} (id = #{c.courseId})" itemValue="#{c.courseId}" />
                                                        </h:selectOneMenu>
                                                    </td>
                                                    <td>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <th valign="top">Order number:</th>
                                                    <td><h:inputText value="#{examManager.orderNumber}"  styleClass="inp-form pl" alt="&lt;Order number here&gt;" /></td>
                                                    <td>

                                                    </td>
                                                </tr>

                                                <tr>
                                                    <th>&nbsp;</th>
                                                    <td valign="top">
                                                        <h:commandButton action="#{examManager.docreate}" styleClass="buttons" value="Create"  />
                                                        <input type="reset" class="buttons" value="Reset" />
                                                    </td>
                                                    <td></td>
                                                </tr>

                                            </table>
                                        </h:form>

                                    </td>
                                </tr>
                            </table>
                        </div>
                    </td>
                </tr>

            </table>
            <p:growl id="g1"  showDetail="true" />
        </h:form>

    </ui:define>
</ui:composition>
